<template>
  <div class="root">
    <div>
      <device-card></device-card>
      <device-card :device_data="testdata"></device-card>
    </div>
  </div>
</template>
<script>
  import VueLineChart from '@/components/overview/DeviceCard'
  export default {
    name: 'main',
    components: {
      'device-card': VueLineChart,
    },
    data() {
      return {
        testdata : {
          succ_percent: 5.00,
          rr_percent: 0.50,
          resp_time: 0.03,
          trans_num: 124,
          device_model: '23-23',
          device_type: 'ft-1',
          dst_ports: '21491,23491',
          dst_ip: '9.234.1.23',
          src_ports: '1-65535',
          device_name: '设备34'
        },
      }

    },
    methods: {
     /* testdata() {
        let obj = {
          device_model: '23-23',
          device_type: 'ft-1',
          dst_ports: '21491,23491',
          dst_ip: '9.234.1.23',
          src_ports: '1-65535',
          device_name: '设备34'
        };
        return obj;
      }*/
    }
  }
</script>
<style>
  .root{
    /*width: 500px;
    height: 270px;
    border: solid 1px red;*/
  }
</style>
